.hzdz-homepage-right-panel {
  display: flex;
  flex-direction: column;
  gap: 2vh; // 使用视窗高度单位，自适应间隔
  background: transparent;
  position: relative;
  width: 100%;
  height: 100%;
  
  .top-section {
    flex: 1 1 60%; // 占60%高度，可伸缩
    width: 100%;
    min-height: 0; // 防止flex子项超出
    
    // 确保子组件完全填充
    > * {
      width: 100%;
      height: 100%;
    }
  }
  
  .bottom-section {
    flex: 1 1 40%; // 占40%高度，可伸缩
    width: 100%;
    min-height: 0; // 防止flex子项超出
    
    // 确保子组件完全填充
    > * {
      width: 100%;
      height: 100%;
    }
  }
  
  // 响应式缩放相关
  &.no-responsive-scale {
    transform-origin: top left;
  }

  // 多分辨率适配
  @media screen and (max-width: 1920px) {
    gap: 1.5vh;
  }

  @media screen and (max-width: 1080px) {
    gap: 1vh;
    
    .top-section {
      flex: 1 1 55%; // 小屏幕调整比例
    }
    
    .bottom-section {
      flex: 1 1 45%;
    }
  }

  @media screen and (min-width: 3952px) {
    gap: 2.5vh;
  }

  @media screen and (min-width: 5120px) {
    gap: 3vh;
  }
}

/*   @media screen and (max-width: 1920px) {
    transform: scale(0.4862); // 1920/3952 ≈ 0.4862
    transform-origin: top left;
  }

  @media screen and (max-width: 1080px) {
    transform: scale(0.2733); // 1080/3952 ≈ 0.2733
    transform-origin: top left;
  }

  @media screen and (min-width: 5120px) {
    transform: scale(1.7778); // 5120/3952 ≈ 1.2955
    transform-origin: top left;
  } */
